const path = require('path')
const anchor = require('markdown-it-anchor')
module.exports = {
  pages: {
    index: {
      entry: 'examples/main.js',
      template: 'public/index.html',
      filename: 'index.html'
    }
  },
  configureWebpack: {
    resolve: {
      alias: {
        "@": path.resolve(__dirname, 'examples/')
      }
    }
  },
  chainWebpack: config => {
    // 扩展webpack配置， 是packages加入编译
    config.module
      .rule('js')
      .include
        .add('/packages')
        .end()
      .use('babel')
        .loader('babel-loader')

    // config.module.rule('css')
    //   .test(/\.(scss|css)$/)
    //   .use(['style-loader', 'css-loader', 'sass-loader'])
    //   .loader('style-loader')
    //   .loader('css-loader')
    //   .loader('sass-loader')
    //   .end()
    // config.module
    //   .rule('less')
    //   .test(/\.less$/)
    //   .use('vue-style-loader')
    //     .loader('vue-style-loader')
    //     .end()
    //   .use('css-loader')
    //     .loader('css-loader')
    //     .end()
    //   .use('less-loader')
    //     .loader('less-loader')
    //     .end()

    // 添加markdown-loader
    config.module.rule('markdown')
      .test(/\.md$/)
      .use('vue-loader')
      .loader('vue-loader')
      .options({
        compilerOptions: {
          preserveWhitespace: false
        }
      })
      .end()
      .use(path.resolve(__dirname, './build/md-loader/index.js'))
      .loader(path.resolve(__dirname, './build/md-loader/index.js'))
      .end()
      // .use('md-loader')
      // .loader('./build/md-loader')
      // .end()
  },
  css: {
    loaderOptions: {
      less: {
        modifyVars: {
          /* less 变量覆盖，用于自定义 ant design 主题 */
          'primary-color': '#1890FF',
          'link-color': '#1890FF',
          'border-radius-base': '4px'
        },
        javascriptEnabled: true
      }
    }
  },
}